<template>
	<view class="page-index">
		<uni-status-bar></uni-status-bar>
		<view class="top-box">
			睦邻北苑生活圈
		</view>
	<view class="search">
		<view class="search-box">
			<image src="../../static/index/search.png" mode="" class="searchImage"></image>
			<input type="text" class="searchInput" v-model="form.title" placeholder="请输入您要查询的内容" @confirm='search()'/>
			<image src="../../static/index/close.png" mode="" class="searchImage" @click="close()"></image>
		</view>
	</view>
		<view class="dynamic-box">
			<view class="dynamic-top-box">
				<view class="dynamic-top-title-box">
					社区动态
				</view>
			</view>
			<view class="dynamic-list">
				<view class="dynamic-item" v-for="(item,index) in list" :key="index" @click="jump(item)">
					<view class="dynamic-item-imge">
						<image :src="'https://yunchenbucket.oss-cn-qingdao.aliyuncs.com/'+item.phone" class="dynamic-item-imges" mode=""></image>
					</view>
					<view class="dynamic-item-text">
						<view class="dynamic-item-top">
							{{item.name}}
						</view>
						<view class="dynamic-item-box">
							<view class="dynamic-item-tiem">
								2023-10-01    
							</view>
							<view class="dynamic-item-shu">
								| 
							</view>
							<view class="dynamic-item-name">
								 睦邻北苑生活圈
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script src="./page.js"></script>

<style scoped lang="scss">
@import 'page.scss';
</style>